<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>04-新闻字体.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
    	.out{
    		border: 1px red solid;
    		width: 300px;
    	}
    	.max{
    		font-size: 32px;
    		color:red;
    	}
    	.mid{
    		font-size: 22px;
    		color:black;
    	}
    	.min{
    		font-size: 14px;
    		color:blue;
    	}
    
    </style>
    <script type="text/javascript">
		
    </script>
  </head>
  	
  <body>
  	<div class="out"> 
  		<div>
  			<a href="javascript:void(0)" onclick="max()">大</a>
  			<a href="javascript:void(0)" onclick="mid()">中</a>
  			<a href="javascript:void(0)" onclick="min()">小</a>
  		</div>
  		<div id="news" class="min">
  			5月17日电 据公安部网站消息，5月17日中午，国务委员、
	  		 公安部部长郭声琨与越南中央政治局委员、
	  		 公安部部长陈大光通话，要求越方立即采取有力措施，坚决制止一切暴力活动，
	  		 严惩打砸抢不法分子，切实保护中方在越机构、企业和人员的人身财产安全。
  		</div>
  	</div>
	<script>

		function max(){
			let news = document.getElementById("news");
			news.className = "max";
		}
		function mid(){
			let news = document.getElementById("news");
			news.className = "mid";
		}

		function min() {
			let news = document.getElementById("news");
			news.className = "min";
		}
	</script>
  </body>
</html>
